<template >
      <div >
            <div :class="" class="leach-box-header">{{watersItems.name}}</div>
            <!-- <div class="isid" style="display:none">{{watersItems.deviceid}}</div>
            <div v-if="showContent" class="leach-box-content" style="text-align: center">
                  <div class="leach-box-title">水浸ID</div>
                  <div class="leach-box-mian">
                      <el-select v-model="watersItems.name" size="mini" placeholder="请选择">
                        <el-option
                          v-for = "item in waterOptions"
                          :key="item.deviceid"
                          :label="item.name"
                          :value="item.name">
                        </el-option>
                      </el-select>
                  </div>
            </div> -->
      </div>
</template>
<script>
export default {
  name:'watersa',
  props:["watersItems","showContent","waterOptions"],
  data () {
    return {
      options: [/*{
          deviceid: '1',//水浸的deviceid
          label:'水浸1'//水浸的别名
      }*/],
    }
  },
  methods: {
  }
}
</script>
<style scope>
  .abc{
    width:100px;height:100px;background: red;position:absolute;
    left: 0px;top: 0px;
  }
</style>